<template>
  <div>
    <div>
      <van-nav-bar title="关注" left-text="返回" left-arrow @click-left="onClickLeft" :fixed="true"  :border="false"/>
    </div>
    <div class="container">
      <van-tabs :v-model="active" :border="false" class="gz">
        <van-tab title="品牌" class="gz-1">暂时没有关注品牌~</van-tab>
        <van-tab title="用户" class="gz-1">暂时没有关注用户~</van-tab>
        <van-tab title="标签" class="gz-1">暂时没有关注标签~</van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script>
export default {
  name: "coupon",
  data() {
    return {
        active:0,
        title: "关注",
    };
  },

  mounted() {
    this.$emit("toparent", this.title);
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    }
  }
};
</script>

<style scoped>
.container {
  margin-top: 46px;
}
.gz-1{
    font-size: 20px;
    color: #e0e0e0;
    text-align: center;
}

</style>